import './App.scss'
import { Button, Checkbox, Form, Input } from 'antd';

const onFinish = (values) => {
    console.log('Success:', values);
};
const onFinishFailed = (errorInfo) => {
    console.log('Failed:', errorInfo);
};

const App = () => {

    return (
        <Form name="basic" style={{maxWidth: 600}} onFinish={onFinish} onFinishFailed={onFinishFailed}>
            <Form.Item
                label="Username" name="username"
                rules={[{required: true, message: 'Please input your username!'}]}>
                <Input/>
            </Form.Item>
            <Form.Item
                label="Password" name="password"
                rules={[{required: true, message: 'Please input your password!',},]}>
                <Input.Password />
            </Form.Item>
            <Form.Item name="remember" valuePropName="checked" label={null}>
                <Checkbox>Remember me</Checkbox>
            </Form.Item>

            <Form.Item label={null}>
                <Button type="primary" htmlType="submit">
                    Submit
                </Button>
            </Form.Item>
        </Form>
    )
}

export default App